<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<style type="text/css">
th{background-color: #3DB7CC;}
input:HOVER{background-color: #FFCC97;}
</style>
<script type="text/javascript">
	function deleteBuy(no) {
		if (confirm("삭제하시겠습니까?")) {
			location.href = "admin_deleteBuybook.do?no=" + no;
		}
	}
	function searchBuyBook() {
		var factor=$("#factor").val();
		location.href="admin_searchBuyBook.do?factor="+encodeURIComponent(factor)+"&pageNo=1";
	}
</script>
<fieldset>
<legend><h2>전체 희망도서 관리</h2></legend>
<br><br>
<input type="text" id="factor" style="width:390px;" placeholder="책 제목 또는 저자 또는 출판사 검색">
<input type="button" id="searchBtn" value="검색" onclick="searchBuyBook()">
<br><br>
<c:choose>
<c:when test="${requestScope.noData == false }">
	<tr>
		<center><b><br><br>조건에 맞는 검색결과가 존재하지 않습니다.</b></center><br><br>
	</tr>
</c:when>
<c:otherwise>
<table cellpadding="3">
<thead>
	<tr>
		<th align="center" width="3%">NO</th>
		<th align="center" width="10%">희망자 아이디</th>
		<th align="center" width="10%">ISBN</th>
		<th align="center" width="30%">책 제목</th>
		<th align="center" width="10%">저자</th>
		<th align="center" width="8%">출판사</th>
		<th align="center" width="9%">희망가격</th>
		<th align="center" width="5%">책<br>상태</th>
		<th align="center" width="5%">개정정보</th>
		<th align="center" width="5%">삭제</th>
	</tr>
	</thead>
	<tbody>
		<c:forEach var="bbvo" items="${requestScope.buybooklvo.list}" begin="0" end="4">
		<tr style="background-color: #E6FFFF;">
			<td align="center">${bbvo.no }</td>
			<td align="center">${bbvo.mvo.id }</td>
			<td align="center">${bbvo.isbn }</td>
			<td>${bbvo.title }</td>
			<td align="center">${bbvo.writer }</td>
			<td align="center">${bbvo.publisher }</td>
			<td align="center">${bbvo.price }원</td>
			<td align="center">${bbvo.status }</td>
			<td align="center">${bbvo.version }</td>
			<td align="center" ><input type="button" id="deleteBuy" value="삭제" onclick="deleteBuy('${bbvo.no }')"></td>
		</tr>
		</c:forEach>
	</tbody>
</table>
<center>
<br>
<!-- 페이징 처리 -->
<%-- 이전 페이지 그룹이 있으면 이미지 보여준다.
		   이미지 링크는 현 페이지 그룹 시작페이지 번호 -1 =>
		   이전 페이지 그룹의 마지막 페이지 번호로 한다. 
	 --%>
<c:if test="${requestScope.buybooklvo.pagingBean.previousPageGroup}">
	<a
		href="admin_buybooklist.do?pageNo=${requestScope.buybooklvo.pagingBean.startPageOfPageGroup-1}">
		<img src="${initParam.root }/img/left_arrow_btn.gif">
	</a>
</c:if>
&nbsp;&nbsp;
<%-- PagingBean 을 이용해서 현재 페이지에 해당되는 페이지그룹의
		   시작페이지~~마지막페이지까지 화면에 보여준다. 
		   이 때 현재 페이지를 제외한 나머지 페이지는 링크를 걸어
		   해당 페이지에 대한 게시물 리스트 조회가 가능하도록 한다. 
	 --%>
<c:forEach var="i"
	begin="${requestScope.buybooklvo.pagingBean.startPageOfPageGroup}"
	end="${requestScope.buybooklvo.pagingBean.endPageOfPageGroup}">
	<c:choose>
		<c:when test="${requestScope.buybooklvo.pagingBean.nowPage!=i}">
			<a href="admin_buybooklist.do?pageNo=${i}">${i}</a>
		</c:when>
		<c:otherwise>${i}</c:otherwise>
	</c:choose>
</c:forEach>
&nbsp;&nbsp;
<%-- 다음 페이지 그룹이 있으면 화살표 이미지를 보여준다.
			이미지 링크는 현재 페이지 그룹의 마지막 번호 + 1 => 
			다음 그룹의 시작 페이지로 링크한다. 
			right_arrow_btn.gif
	 --%>
<c:if test="${requestScope.buybooklvo.pagingBean.nextPageGroup}">
	<a
		href="admin_buybooklist.do?pageNo=${requestScope.buybooklvo.pagingBean.endPageOfPageGroup+1}">
		<img src="${initParam.root }/img/right_arrow_btn.gif">
	</a>
</c:if>
<br><br>
</center>
</c:otherwise>
</c:choose>
</fieldset>

